<template>
  <div class="head">
    <slot name="icon-left"></slot>
    <slot name="icon-center"></slot>
    <slot name="icon-right"></slot>
  </div>
</template>

<script>
export default {
  name: "NavBar",
}
</script>

<style scoped>
  .head {
    width: 100%;
    line-height: .88rem;
    height: .88rem;
    background: var(--color-background);
    color: #fff;
    font-size: .36rem;
    display: flex;
  }
</style>

